
.chat-suggestions-component {
  // padding-left: 16px;
  margin-top: 0.4rem;
  .suggested-item-wrapper{
    &:not(:last-child){
      margin-bottom: 0.4rem;
    }

  }
  .suggested-item {
    border-radius: 0.2rem;
    border: 0.05rem solid #0156C0;
    padding: 0.4rem 0.6rem;
    background: rgba(1,86,192,0.4);
    font-size: 0.6rem;
    &:hover {
        // color: #3556f7;
    }
    &:not(:last-child){
      margin-bottom: 0.4rem;
    }

    display: flex;
    flex-direction: column;
    .title{
      margin-bottom: 0.4rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      .left{
        margin-right: 0.4rem;
        font-size: 0.7rem;
      }
      .right{
        color: #0A94EF;
        cursor: pointer;
      }
    }
  }

  .suggested-jy-wrapper{
    .suggested-jy-title{
      margin-bottom: 0.4rem;
    }
    .suggested-jy-item{
      border-radius: 0.2rem;
      padding: 0.4rem 0.6rem;
      background: rgba(1,86,192,0.4);
      font-size: 0.6rem;
      cursor: pointer;
      border: 0.05rem solid rgba(1,86,192,0.4);

      &:not(:last-child){
        margin-bottom: 0.6rem;
      }
      &:hover{
        background: rgba(1,86,192,0.75);
        border: 0.05rem solid #0FB5F9;
      }
    }
  }
}

